<template>
  <div>
    <contentModelTpls :formItem="compConfig" :formNamePath='formNamePath'></contentModelTpls>
  </div>
</template>

<script lang="ts" setup>
import { ref, nextTick, computed, watch } from "vue";
import contentModelTpls from "../../formitem/contentModelTpls/index.vue";
import formItemForm from "./config";
import { useModelStore } from "@/store/modules/model/column";
import { useColumnModel } from '@/components/draggable/hooks/useColumnModel';
// import { nextTick } from "process";
const useModel = useModelStore();
const props = defineProps({
  element: [],
  formNamePath: [],
})
const compConfig = ref(JSON.parse(JSON.stringify(formItemForm.component.settings)));
useColumnModel(compConfig, computed(() => props.element));
const formItem = ref(formItemForm as any);

</script>
<style lang="less" scoped></style>
